<template>
  <div class="pot-display">
    <div>主底池: {{ mainPot }}</div>
    <div v-if="sidePots && sidePots.length">
      <div v-for="(side, idx) in sidePots" :key="idx">边池{{ idx + 1 }}: {{ side }}</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
defineProps<{ mainPot: number; sidePots: number[] }>()
</script>
<style scoped>
.pot-display {
  margin: 12px 0;
  text-align: center;
  color: #ffd700;
  font-weight: bold;
}
</style> 